<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>Bootstrap 3, from LayoutIt!</title>

		<meta name="description" content="Source code generated using layoutit.com">
		<meta name="author" content="LayoutIt!">

		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/style.css" rel="stylesheet">

	</head>
	<script language="javascript">
		function deleteRow(r) {
			var i = r.parentNode.parentNode.rowIndex;
			document.getElementById('biaoge').deleteRow(i);
		}

		
	</script>

	<body>

		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<table style="width: 100%;" class="table">
						<tr>
							<td colspan="10" align="center">
								<select>
			    					<option>请选择仓库</option>			    					
			    					<option value="juniorh">第一仓库</option>
			    					<option value="bigzhuan">第二仓库</option>
			    					</select>
								<input type="text" name="" id="" value="" /><input type="button" name="" id="" value="查询" />
								<select>
			    					<option>请选择仓库</option>			    					
			    					<option value="juniorh">第一仓库</option>
			    					<option value="bigzhuan">第二仓库</option>
			    					</select>
								<input type="text" name="" id="" value="" /><input type="button" name="" id="" value="查询" onclick="" /><input type="button" name="" id="" value="编辑" />
							</td>
						</tr>
						
					</table>
					<table id="biaoge" class="table">
						<thead>
							<tr>
							<th>

							</th>
							<th>
								单号
							</th>
							<th>
								经办人
							</th>
							<th>
								出货仓库/数量
							</th>
							<th>
								时间
							</th>
							<th>
								入货仓库/数量
							</th>
							<th>
								时间
							</th>
							<th>
								库存数量
							</th>
							<th>
								备注
							</th>
							<th>
								
							</th>
						</tr>
						</thead>
						<tbody>

							<tr>
								<td>
									1
								</td>
								<td>
									30001
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr class="active">
								<td>
									2
								</td>
								<td>
									30002
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr class="success">
								<td>
									3
								</td>
								<td>
									30003
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr class="warning">
								<td>
									4
								</td>
								<td>
									30004
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr class="danger">
								<td>
									5
								</td>
								<td>
									30005
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr>
								<td>
									6
								</td>
								<td>
									30006
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr class="active">
								<td>
									7
								</td>
								<td>
									30007
								</td>
								<td>
									吴天宇
								</td>
								<td>
									第一仓库/200
								</td>
								<td>
									16/06/28
								</td>
								<td>
									第一仓库/150
								</td>
								<td>
									16/06/28
								</td>
								<td>
                                    666
								</td>
								<td>
									无
								</td>
								<td>
									<input type="button" name="" id="" value="删除" onclick="deleteRow(this)" />
								</td>
							</tr>
							<tr>
								<form></form>
								<td colspan="4" align="right"></td>
								<td colspan="5" align="center"><input type="button" id="daochu" value="导出excel" onclick="AutomateExcel('biaoge')" style="margin-top: 20px;" class="btn" />
									<input type="button" id="daochu" value="导出word" style="margin-top: 20px;" class="btn" />
									<input type="button" id="daochu" value="导出PDF" style="margin-top: 20px;" class="btn" />
								</td>
								</form>
							</tr>

						</tbody>
					</table>
				</div>
			</div>
		</div>

		<script src="js/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/scripts.js"></script>
		<SCRIPT LANGUAGE="javascript">
			function AutomateExcel() {

				var elTable = document.getElementById("biaoge"); //table1改成你的tableID

				var oRangeRef = document.body.createTextRange();

				oRangeRef.moveToElementText(elTable);

				oRangeRef.execCommand("Copy");

				try {
					var appExcel = new ActiveXObject("Excel.Application");
				} catch (e) {
					alert("无法调用Office对象，请确保您的机器已安装了Office并已将本系统的站点名加入到IE的信任站点列表中！");
					return;
				}

				appExcel.Visible = true;

				appExcel.Workbooks.Add().Worksheets.Item(1).Paste();

				appExcel = null;

			}
		</SCRIPT>

	</body>

</html>